<!---- SUI模板 on ${DATE} -->
<script ng-init="initCss('user-register-page/css/email-register.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="#/login"></a>
    <h1 class="title">用户注册</h1>
</header>
<div class="content" ng-init="">
    <div class="buttons-tab">
        <a href="#/tel-register" class="button">手机注册</a>
        <a href="#/email-register" class="active button">邮箱注册</a>
    </div>
    <div class="content-block">
        <div class="list-block">
            <ul><!-- Text inputs -->
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title label">邮箱</div>
                            <div class="item-input">
                                <input type="email" ng-model="email" name="email" placeholder="请输入邮箱" class="register-username" required>
                                <span style="color:red" ng-show="myForm.email.$dirty && myForm.email.$invalid"></span>
                                <span ng-show="myForm.email.$error.required">邮箱是必须的。</span>
                                <span ng-show="myForm.email.$error.email">非法的邮箱地址。</span>
                            </div>
                            <div class="item-title label get-identifying-code" ng-click="getVerificationCode()">获取验证码</div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title label">验证码</div>
                            <div class="item-input">
                                <input type="text" ng-model="verificationCode" placeholder="请输入验证码" class="register-identifying-code">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title label">密码</div>
                            <div class="item-input">
                                <input type="password" ng-model="password" placeholder="请输入密码"
                                       class="register-password">
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="login">
        <button type="submit" ng-click="emailRegister()" class="register-button" ng-disabled="myForm.email.$dirty && myForm.email.$invalid">注册</button>
    </div>
</div>

<div ng-init="suiMobileInit()"></div>